<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512">
    <path id="path5036" d="M 20,256 H 100"  :stroke="props.strokeColor" style="fill:none;stroke-width:30;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    <path id="path5038" d="m 395,256 h 100" :stroke="props.strokeColor"  style="fill:none;stroke-width:30;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    <rect y="206" x="120" height="100" width="275" id="rect5044" :stroke="props.strokeColor" style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke-width:30;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none"/>
  </svg>
</template>
<script setup lang="ts">
const props = defineProps({
  strokeColor: String,
  state: Boolean,
  text:String
});
</script>